import { Circle as _Circle, Path, Svg } from 'react-native-svg'

// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
import { createIcon } from '../factories/createIcon'

export const [OneToOne, AnimatedOneToOne] = createIcon({
  name: 'OneToOne',
  getIcon: (props) => (
    <Svg viewBox="0 0 24 24" fill="none" {...props}>
      <Path
        d="M21.0252 14.3557L20.5353 14.8458C20.223 15.158 20.0473 15.5825 20.0473 16.0248V16.7148C20.0473 18.555 18.5562 20.0462 16.716 20.0462H16.026C15.5838 20.0462 15.1604 20.2218 14.847 20.534L14.3558 21.0241C13.0546 22.3253 10.9455 22.3253 9.64433 21.0241L9.15316 20.534C8.84091 20.2218 8.41639 20.0462 7.97413 20.0462H7.28411C5.44395 20.0462 3.9528 18.555 3.9528 16.7148V16.0248C3.9528 15.5825 3.77714 15.1592 3.46489 14.8458L2.97494 14.3557C1.67372 13.0545 1.67372 10.9455 2.97494 9.64425L3.46489 9.1542C3.77714 8.84195 3.9528 8.41747 3.9528 7.97521V7.28515C3.9528 5.445 5.44395 3.95378 7.28411 3.95378H7.97413C8.41639 3.95378 8.8398 3.77821 9.15316 3.46597L9.64433 2.97591C10.9455 1.6747 13.0546 1.6747 14.3558 2.97591L14.847 3.46597C15.1592 3.77821 15.5838 3.95378 16.026 3.95378H16.716C18.5562 3.95378 20.0473 5.445 20.0473 7.28515V7.97521C20.0473 8.41747 20.223 8.84084 20.5353 9.1542L21.0252 9.64425C22.3264 10.9455 22.3264 13.0545 21.0252 14.3557Z"
        fill="currentColor"
        fillRule="evenodd"
        clipRule="evenodd"
      />
      <Path
        d="M7.942 15.25V11.416H6.439V10.408H6.637C7.501 10.408 8.131 10.174 8.185 9.13V9.058H9.364V15.25H7.942Z"
        fill="white"
      />
      <_Circle cx="12" cy="10.9" r="0.75" fill="white" />
      <_Circle cx="12" cy="13.6" r="0.75" fill="white" />
      <Path
        d="M15.442 15.25V11.416H13.939V10.408H14.137C15.001 10.408 15.631 10.174 15.685 9.13V9.058H16.864V15.25H15.442Z"
        fill="white"
      />
    </Svg>
  ),
  defaultFill: '#FF37C7',
})
